<script setup lang="ts">
import Module from "@/views/dashboard/factory/module";
</script>

<template>
	<Module class="h-1/3 w-full box-border p-2" title="事件列表">
		<div class="w-full h-full px-2 py-1 box-border">
			<table class="text-[14px] w-full h-full border-collapse">
				<tr class="text-[#B1CCFE] bg-[#0D54F919] w-full">
					<td class="w-1/3">设备名称</td>
					<td class="w-1/3">事件名称</td>
					<td class="w-1/3">时间</td>
				</tr>
				<!--				<tr class="h-[2px] w-full bg-[#314165] border-line">-->
				<!--					<td></td>-->
				<!--					<td></td>-->
				<!--					<td></td>-->
				<!--				</tr>-->

				<tr>
					<td>温湿度传感器</td>
					<td>温度告警</td>
					<td>12/2013:02:31</td>
				</tr>
				<tr>
					<td>温湿度传感器</td>
					<td>温度告警</td>
					<td>12/2013:02:31</td>
				</tr>
				<tr>
					<td>温湿度传感器</td>
					<td>温度告警</td>
					<td>12/2013:02:31</td>
				</tr>
				<tr>
					<td>温湿度传感器</td>
					<td>温度告警</td>
					<td>12/2013:02:31</td>
				</tr>
				<!--				<tr class="h-[1px] w-full bg-[#314165] border-line">-->
				<!--					<td></td>-->
				<!--					<td></td>-->
				<!--					<td></td>-->
				<!--				</tr>-->
			</table>
		</div>
	</Module>
</template>

<style scoped lang="scss">
.border-line::before,
.border-line::after {
	content: "";
	background: #8596be;
	width: 12px;
	height: 2px;
	display: block;
}
</style>
